body,html,.apps{
  width: 100%;
  height: 100%;
}
*{
  margin: 0;
  padding: 0;
  list-style: none;
}
.apps{
 padding: 10px 20px;
box-sizing: border-box;
}
.nav{
  height: 50px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.active{
  color: red;
}
a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}
.main{
  height: calc(100vh - 50px);
}
